<template>
  <view class="container screen-width">
    <view class="result-box flex items-middle">
      <view class="result-lable">完成度</view>
      <view class="info num">{{ detailInfo.completionDegree }}%</view>
    </view>
    <view class="result-box flex items-middle">
      <view class="result-lable">文件名称</view>
      <view class="info">{{ detailInfo.fileName || '--' }}</view>
    </view>
    <view class="result-box flex items-middle">
      <view class="result-lable">整体评语</view>
      <view class="info">{{ detailInfo.comment }}</view>
    </view>
    <view class="result-box">
      <view class="suggest-title">整体评语</view>
      <view class="suggest-info" v-html="detailInfo.recommend.replace(/(\r\n|\n|\r)/gm, '<br />')"> </view>
    </view>
    <view class="result-box bottom flex flex-center flex-col items-middle">
      <view class="bottom-info">商业计划书欢迎联系微信:gagake178</view>
      <img :src="$imgUrl + 'pcweb/7ef1a8c273cfbce2302e02c575153a7_1683684554096.png'" />
    </view>
  </view>
</template>

<script>
  import { detail } from '@/util/api/business.js'
  export default {
    data() {
      return {
        id: '',
        detailInfo: {
          recommend: '',
        },
      }
    },
    onLoad(e) {
      this.id = e.id
      this.getDetail()
    },
    methods: {
      getDetail() {
        detail({ id: this.id }).then(res => {
          this.detailInfo = res.result
        })
      },
    },
  }
</script>
<style lang="less" scoped src="./index.less"></style>
